$(function () {
  // 铺设页面
  function get_data() {
    $.ajax({
      type:'get',
      url:'admin/swipers',
      success:function(res) {
        let htmlStr = template('data',res)
        $('tbody').html(htmlStr)
      }
    })
  }
  get_data()

  // 删除按钮实现
  $('tbody').on('click','.delete',function() {
    // console.log($(this).data('id'))
    let id = $(this).data('id')
    layer.confirm('您确定要删除吗?', {
      btn: ['确定','取消'] 
    }, function(){
      $.ajax({
        type:'DELETE',
        url:'admin/swipers/' + id,
        success:function(res) {
          layer.msg(res.message);
          if(res.status === 0) {
            get_data()
          }
        }
      })
    });
  })

  // 是否显示状态选择
  $('tbody').on('click','.state_selection',function() {
    let id = $(this).data('id')
    let status = $(this).data('state')
    console
    $.ajax({
      type:'PUT',
      url:'admin/swipers/' + id,
      data : {
        status:status
      },
      success:function(res) {
        layer.msg(res.message);
        if(res.status === 0) {
          get_data()
        }
      }
    })
  })


  // 上传文件
  $('#test1').on('click', function () {
    $('#file').trigger('click');
  })
  $('#file').on('change', function () {
    let fileObj = this.files;
    let filelength = this.files.length
    // console.log(fileObj)
    // console.log(filelength)
    let data = new FormData();
    for (let i = 0; i < filelength; i++) {
      data.append('swipers', fileObj[i])
    }
    // console.log(data)
    $.ajax({
      type:'POST',
      url:'admin/swipers',
      processData: false,
      contentType: false,
      data :data,
      success:function(res) {
        layer.msg(res.message);
        if(res.status === 0) {
          get_data()
        }
      }
    })
  })
})
